<template>
  <div>
    <el-container style="height: 600px; border: 1px solid #eee">
      <el-aside width="200px" style="background-color: white">
        <el-menu :default-openeds="['1']">

          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-postcard"></i>个人信息</template>
            <el-menu-item-group>

              <router-link class="alink" to="/account/favorites">
                <el-menu-item index="1-6">
                  我的收藏夹
                </el-menu-item>
              </router-link>

              <router-link class="alink" to="/account/showinfo">
                <el-menu-item index="1-1">
                  基本信息
                </el-menu-item>

              </router-link>

              <router-link class="alink" to="/account/infoeditor">
                <el-menu-item index="1-2">
                  信息修改
                </el-menu-item>
              </router-link>

              <router-link class="alink" to="/account/imageUp">
                <el-menu-item index="1-3">

                  修改头像

                </el-menu-item>
              </router-link>

              <router-link class="alink" to="/account/countcontrol">
                <el-menu-item index="1-4">

                  账号密码

                </el-menu-item>
              </router-link>
              <router-link class="alink" to="/account/money">
                <el-menu-item index="1-5">

                 余额管理

                </el-menu-item>
              </router-link>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-aside>


       <el-container style="background-image: url(/img/1-2204191ZR7.jpg);
        background-repeat: no-repeat;
        background-size:100% 100%;
        "> 
        
          <el-main>
            <div style="width: 80%;margin: 0 auto">
              <router-view></router-view>
            </div>
          </el-main>
        </el-container>

      </el-container>

  </div>
</template>

<script>

export default {
  name: "Profile",
 
  data() {


    return {

    }
  },
}
</script>

<style scoped>
.el-header {
  background-color: #e5efe2;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}

.router-link-active {
  text-decoration: none;
}

.alink {

  text-decoration: none;
}
</style>
